<template>
  <div class="city">
    <city-header></city-header>
    <city-list :cities='cities' :hotCities='hotCities'></city-list>
  </div>
</template>
<script type="text/javascript">
import CityHeader from './pages/Header';
import CityList from './pages/List';
export default {
  components: {
    CityHeader,
    CityList
  },
  data(){
  	return{
  		hotCities:[],
  		cities:{}
  	}
  },
  mounted(){
  	this.$http.get('/api/city.json').then((res)=>{
  		let data = res.data.data;
  		console.log(data);
  		this.hotCities = data.hotCities;
  		this.cities = data.cities
  	})
  }
}

</script>
<style>
.city{
	background: #f5f5f5;
}
</style>
